<script>
var showSearch=ref(true);
</script>
<template>
    <div class="p-2">
        <transition>
         <div class="mb-[10px]" >
            <el-card shadow="hover">
        <el-form :inline="true"  label-width="100px">
          <el-form-item  label="工作空间">
             <el-input aria-placeholder="请输入工作空间"></el-input>
          </el-form-item>
          <el-form-item label="图层名称">
            <el-input aria-placeholder="请输入图层名称"></el-input>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
        </el-form-item>
        </el-form>
        </el-card>
    </div>
    </transition>
    <el-card>
        <template #header>
            <el-row :gutter="10" class="mb8">
                <el-col :span="1.5">
                    <el-button type="primary" plain icon="Plus" @click="handleAdd"
                        v-hasPermi="['mapserver:workspace:add']">新增</el-button>
                </el-col>
                <el-col :span="1.5">
                    <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
                        v-hasPermi="['mapserver:workspace:edit']">修改</el-button>
                </el-col>
                <el-col :span="1.5">
                    <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
                        v-hasPermi="['mapserver:workspace:remove']">
                        删除
                    </el-button>
                </el-col>
                <el-col :span="1.5">
                    <el-button type="warning" plain icon="Download" @click="handleExport"
                        v-hasPermi="['mapserver:workspace:export']">导出</el-button>
                </el-col>
                <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
            </el-row>
        </template>
        <el-table  v-loading="loading">
            
        </el-table>
    </el-card>    
</div>
</template>
<style>
    
</style>